<!-- 首页视频 -->

    <!-- 项目管理 -->
    <template>
        <div class="page-box h100 display-flex czbj">
          <p class="title-label mb10">首页视频</p>
          <!-- sonRouter="yybureauFormationBJ" 为跳转新的页面编辑 -->
          <dxtable :dataJson="dataJson" imgkuTitle="首页视频封面" :portUrl="portUrl" :formJson="formJson" :qx="qx" ref="databale" ></dxtable>
        </div>
      </template>
      <script lang='ts' setup>
      import dxtable from "../../components/util/dxtable.vue";
      import sort from "../../components/util/sort.vue";
      import { dxget, dxpost } from "../../util/index";
      import { NButton, NImage, NTag } from "naive-ui"
      import { h, ref, reactive } from "vue";
      const databale = ref();
      const initeer = () => {
        databale.value.initDataExpose();
      };
      let dataJson = [
          {
              "title": "标题",
              "type": "input",
              "val": "",
              "icon": "dx-shurukuang",
              "span": 24,
              "key": "title",
              "width": "",
              "search": true,
              "istable": true,
              "required": false
          },
          {
              "title": "封面",
              "type": "img",
              "val": "",
              "icon": "dx-img",
              "span": 12,
              "key": "cover",
              "width": "",
              "search": false,
              "istable": true,
              "required": false
          },
      ,{
        title: "排序",
        width: 100,
        render:(row)=>{
          row.sjk = "jyc" //数据库
          row.databaseName = "sysp"; //表名
          return h(sort, {
            row,
            onCallBack: () => {
              initeer();
            },
          });
        },
      },
      {
        title: "添加时间",
        key: "addTime",
        width: 150,
      }];
      
      
      
      const qx = {
        DeletePermissionID: "jycsyspdel", //删除
        EditPermissionIdentifier: "jycsyspbj", // 编辑
        NewPermissionIdentifier: "jycsyspxz", // 新建
        ViewPermissionID: "jycsyspck", // 查看
      };
      const portUrl = "jyc/sysp/sysp";
      
      let formJson = reactive([
          {
              "title": "标题",
              "type": "input",
              "val": "",
              "icon": "dx-shurukuang",
              "span": 24,
              "key": "title",
              "width": "",
              "search": false,
              "istable": true,
              "required": false
          },
          {
              "title": "封面",
              "type": "img",
              "val": "",
              "icon": "dx-img",
              "span": 12,
              "key": "cover",
              "width": "",
              "search": false,
              "istable": true,
              "required": false
          },
          {
              "title": "视频",
              "type": "video",
              "val": "",
              "icon": "dx-video",
              "span": 12,
              "key": "text",
              "width": "",
              "search": false,
              "istable": true,
              "required": false
          }
      ]);
      const czFun = {
        fun: (row) => {
          return [
            h(
              NButton,
              {
                type: "info",
                quaternary: true,
                onClick: async (e) => {
      
                },
              },
              "复制代码"
            )
      
          ];
        },
      };
      
      
      // 获取字典内容
      // const xtgxxmfl = async () => {
      //   const { data }: any = await dxget("dxgjAdmin/getzd", { name: 'xtgxxmfl' })
      //   dataJson[2].options = [
      //     {
      //       label: "全部",
      //       value: ""
      //     },
      //     ...data
      //   ]
      //   formJson[2].options = data
      //   xmlxSelect.value = data
      //   console.log(data);
      // }
      // xtgxxmfl()
      
      
      </script>
      <style scoped></style>
          